<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>天亮云课堂</title>
  <link rel="stylesheet" href="css/index.css">
</head>
<body>
<!--头部-->
<div>
  <!--    logo和搜搜框-->
    <div></div>
    <!--  导航栏  -->
    <div></div>
</div>

<!--轮播图-->
<div>

</div>
<!--直播课程-->
<div class="cyan-bgc">
  <h3>通过列表展示所有直播课程</h3>
  <h4>无序列表ul</h4>
  <ul>
    <li>求职技巧之重难点剖析</li>
    <li>it开发编程方向之职业规划</li>
    <li>十大经典排序</li>
  </ul>
  注意事项：
  <ul style="list-style: none">
      <li>ul中间只能是li</li>
      <li>li相当于一个容器，可以容纳所有元素</li>
      <li>无序列表会有自己的样式,一般通过css来控制这个样式</li>
    <div>虽然放别的标签，不会报错，但是语义上是不合理的，约定ul下只放li，所以大家不要放别的</div>
  </ul>

  <h4>有序列表</h4>
  <ol>
    <li>第一项</li>
    <li>第二项</li>
    <li>第三项</li>
  </ol>
  有序列表会自动帮我们生成序号
</div>
<!--免费课程-->
<div>

</div>
<!--精品课程-->
<div>

</div>
<!--限时折扣课程-->
<div>

</div>
<!--头条精选-->
<div>

</div>
<!--尾部-->
<div>

</div>
</body>
</html>